Gerarquia html

Html tiene una gerarquia de cajas de contenido esta idea se remasteriza con la llegada del html5, actualizacion que permitió nombrar y modificar las cajas mmetiendolas una tras otra. Con ayuda del css etiquetas como <th> quedan obsoletas gracias a propiedades como grid y flex.

esta se caracteriza por tener nombres propios, tambien pueden ser incluidas en infinitas cajas <div>, que pueden ser ubicadas a gusto:
-div-  nos permite almacenar contenido en un cuadro de contenido.
-header-  indica el comienzo de una cabecera.
-h1-  nos permite introducir un titulo.
-section-  indica el comienzo de encabezados.
-h3-  nos permite introducir un encabezado / subtitulo.
-article-  indica el comienzo de un texto en bruto.
-p-  nos permite introducir texto bruto.
-nav-  indica el comienzo de una barra de contenido / navegacion.
-ul-  nos permite introducir una lista desordenada de elementos.
-aside-  indica el comienzo de contenido aleatorio no cannonico.
-ol-  nos permite introducir una lista ordenada de elementos.
-footer-  indica el comienzo de un pie de pagina.
-sub-  nos permite introducir texto en el subindice.
-address-  indica el comienzo de contenido de contacto.
-span-  nos permite introduccir una lista vertical de elementos.